<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
		 body{
				margin: 0px;padding:0px;
			 }
		.div1{
				border:1px solid red;
				width: 240px;/*原来是300px,减去60后是240px*/
				height: 240px;/*原来是300px,减去60后是240px*/
				background-color: green;
				margin-bottom: 30px;/*两个块的上下外边距取取值大的那个 也就是30px*/
				padding: 30px;/*上下左右各加30像素，那么宽度和高度要减去左+右=30+30=60像素，*/
				
				
			}
		.div2{
				border:1px solid red;
				width: 280px;/*原来是300px,减去20后是280px*/
				height: 280px;/*原来是300px,减去20后是280px*/
				background-color: blue;
				margin-top: 10px;/*两个块的上下外边距取取值大的那个 也就是div1的30px*/
				overflow: auto;/*内容溢出自动处理*/
				padding: 10px;/*上下左右各加10像素，那么宽度和高度要减去左+右=10+10=20像素，*/
				letter-spacing: 5px;/*字体间距*/
				opacity:0.6;

				
				
			}
	</style>
</head>
<body>
	<div class="div1">盒子1</div>
	<div class="div2">奥地利最古老的一个湖边小镇——美丽的哈尔斯塔特，一个风光秀丽的村庄，这里坐拥湖光山色，有优雅的教堂、古老的旅馆和美丽的村舍 奥地利最古老的一个湖边小镇——美丽的哈尔斯塔特，一个风光秀丽的村庄，这里坐拥湖光山色，有优雅的教堂、古老的旅馆和美丽的村舍 奥地利最古老的一个湖边小镇——美丽的哈尔斯塔特，一个风光秀丽的村庄，这里坐拥湖光山色，有优雅的教堂、古老的旅馆和美丽的村舍 奥地利最古老的一个湖边小镇——美丽的哈尔斯塔特，一个风光秀丽的村庄，这里坐拥湖光山色，有优雅的教堂、古老的旅馆和美丽的村舍 奥地利最古老的一个湖边小镇——美丽的哈尔斯塔特，一个风光秀丽的村庄，这里坐拥湖光山色，有优雅的教堂、古老的旅馆和美丽的村舍 奥地利最古老的一个湖边小镇——美丽的哈尔斯塔特，一个风光秀丽的村庄，这里坐拥湖光山色，有优雅的教堂、古老的旅馆和美丽的村舍 奥地利最古老的一个湖边小镇——美丽的哈尔斯塔特，一个风光秀丽的村庄，这里坐拥湖光山色，有优雅的教堂、古老的旅馆和美丽的村舍 </div>
</body>
</html>